<template>
  <div>
    <card>
      <div slot="header"></div>
      <div slot="content" class="card-demo-flex card-demo-content01">
        <flexbox  wrap="nowrap">
          <flexbox-item :span="1/16" v-if="isCheck">
            <slot name="checkbox"></slot>
          </flexbox-item>
          <flexbox-item :span="4.6">
            <div style="padding-top: 6px">
              <slot  name="img"></slot>
            </div>
          </flexbox-item>
          <flexbox-item>
            <flexbox orient="vertical">
              <flexbox-item>
                <flexbox>
                  <flexbox-item :span="10"><slot name="shopName"></slot></flexbox-item>
                  <flexbox-item :span="1">
                    <slot name="money"></slot>
                    <slot name="number"></slot>
                  </flexbox-item>
                </flexbox>
              </flexbox-item>
              <flexbox-item>
                <slot name="left"></slot>
                <slot name="right"></slot>
              </flexbox-item>
            </flexbox>
          </flexbox-item>
        </flexbox>
      </div>
    </card>
  </div>
</template>
<script>
  import { Card, Flexbox, FlexboxItem } from 'vux'

  export default {
    components: {
      Card,
      Flexbox,
      FlexboxItem
    },
    props: {
      isCheck: {
        type: Boolean,
        default: false
      }
    },
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>
